<template>
  <div >
   <span class="act"> 我是Home里面的内容</span>
   <br>
  <router-link class="HH" to="/home/news" >News</router-link>
<router-link class="HH" to="/home/message" >Message</router-link>
<router-view></router-view>
</div>
</template>

<script>
export default {
name:'Home'
}
</script>
<style scoped>
.act{
    color: aqua;
    font-size: 40px;
    margin-bottom: 20px;
    display: inline-block;
}
.HH{
    padding: 5px 10px;
    border:  1px red salmon;
    background-color: yellowgreen;
    margin-left: 20px;
    text-decoration: none;
}
</style>